<template>
  <div>
    <slot :games="gameList"></slot>
  </div>
</template>

<script setup lang="ts">
  import { reactive } from 'vue'

  let gameList = reactive([
    { id: 'game1', name: 'lol' },
    { id: 'game2', name: '王者荣耀' },
    { id: 'game3', name: '金铲铲' },
    { id: 'game4', name: '云顶' }
  ])
</script>

<style>
</style>